<!DOCTYPE html>
<html lang="en" xmlns:height="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>DATA DISCOVERY</title>
    <link rel="stylesheet" type="text/css" href="resources/default/css/common/common.css" />
    <link rel="stylesheet" type="text/css" href="resources/default/css/library.css" />
    <link rel="stylesheet" type="text/css" href="resources/default/css/basic.css">
    <link rel="stylesheet" type="text/css" href="resources/default/css/governance.css">
</head>
<body>
<header>
        <div class="header-con cf">
            <a class="header-logo" href="../../Analytics/portal.html"></a>
            <!--头部下拉链接
            <div class="top-line"></div>
            <div class="droplist-nav">
                <div class="nav-text cf">
                    <span class="drop-icon"></span>
                    <span class="nav-show">Data Governance</span>
                </div>
                <ul class="nav-link">
				 <a href="/BDPaaS/views/home.html"><li>BD PaaS</li></a>
                    <a href="/Analytics/home.html"><li>Analytics</li></a>
                   	<a href="/BDPaaS/views/cihome.html"><li>Customer Insight</li></a>
                </ul>
            </div>
			-->
            <div class="header-other center-layer">
                <span class="icon-header icon-header-user"></span>
                <div class="login-filed">
                    <div class="icon-annouce"> </div>
                </div>
                <a class="user-info">
                    <div class="user-name">
                        <span class="username">10011</span>
                        <div class="icon-header icon-help"> </div>
                    </div>
                </a>
            </div>
            <div class="header-nav">
                <ul>
                    <li>
                        <a href="../index1.html">Home</a>
                    </li>
                    <li>
                        <a href="../views/logicalOnly.html">Data Monitoring</a>
                    </li>
                    <li><a href="../poc/poc/poc-data.html">Data Modeling</a></li>
                    <li class="selected"><a href="">Data Integration</a></li>
                </ul>
            </div>
        </div>
</header>
<div class="container">
    <ul class="big-tab cf mt40">
        <a href="dataSource.html">
            <li class="tab-data-icon01">Data Source</li>
        </a>
        <a href="selectDataSource.html">
            <li class="tab-list-on tab-data-icon tab-data-icon02">Schema Mapping</li>
        </a>
        <a href="dataIntergration.html">
            <li class="tab-data-icon tab-data-icon03">Data Integration</li>
        </a>
    </ul>
    <div class="container-sys" style="margin-top:40px;">
        <div class="step-line">
            <div class="step-line">
                <div class="step-line-bar" style="width:17%"></div>
            </div>
            <ul class="step-progress">
                <li class="select">
                     <div class="step-icon"></div>
                     <div class="step-text">Select Data Source</div>
                </li>
                <li class="">
                     <div class="step-icon"></div>
                     <div class="step-text">Standardization</div>
                </li>
                <li>
                     <div class="step-icon"></div>
                     <div class="step-text">Mapping</div>
                </li>
            </ul> 
        </div>
		<div class="selectDataSource" style="margin-top:70px;">
        	<h2>Open a Package</h2>
            <div class="selectDataSourceContent scrollbar">
            	<ul>
                	<li class="selected t1">
                    	<span></span>
                        Huawei CRM
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>Subscriber Management</li>
                        	<li><span></span><ico></ico>Customer Management</li>
                        	<li><span></span><ico></ico>Product Management</li>
                        	<li><span></span><ico></ico>Channel Management</li>
                        	<li><span></span><ico></ico>Order Management</li>
                            <li><span></span><ico></ico>Resource Management</li>
                        </ul>
                    </li>
                    <li class="t1">
                    	<span></span>
                    	Huawei CBS
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>Charging Management</li>
                        	<li><span></span><ico></ico>Account Management</li>
                        	<li><span></span><ico></ico>Settlement</li>                        	
                        </ul>
                    </li>
                    <li class="t1">
                    	<span></span>
                    	Channels
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>Outbound call</li>
                        	<li><span></span><ico></ico>Campaign management</li>
                        	<li><span></span><ico></ico>call center</li>
                        	<li><span></span><ico></ico>unified SMS</li>
                        </ul>
                    </li>
                    <li class="t1">
                    	<span></span>
                    	VAS
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>RBT System</li>
                                <li><span></span><ico></ico>SMSC System</li>
                                <li><span></span><ico></ico>Voice Mail System</li>
                                <li><span></span><ico></ico>SDP System</li>

                        </ul>
                    </li>
                    <li class="t1">
                    	<span></span>
                    	 Packet Switch Domain
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>Service Quality Mornitoring</li>
                        	<li><span></span><ico></ico>Traffic mornitoring system</li>

                        </ul>
                    </li>
                    <li class="t1">
                    	<span></span>
                    	Circuit Switch Domain
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>Signaling Collection</li>


                        </ul>
                    </li>
                    <li class="t1">
                    	<span></span>
                    	Internet
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>Social Media Crawler </li>


                        </ul>
                    </li>
                    <li class="t1">
                    	<span></span>
                    	Management Systems
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>Supply Chain Management</li>
                        	<li><span></span><ico></ico>Contract Management</li>
                        	<li><span></span><ico></ico>Asset Management</li>
                        	<li><span></span><ico></ico>ERP</li>
                        	<li><span></span><ico></ico>Financial reports</li>
                        </ul>
                    </li>
                    <li class="t1">
                    	<span></span>
                    	Broadband
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>Subscriber Data</li>
                        	<li><span></span><ico></ico>Customer Data</li>
                        	<li><span></span><ico></ico>Product Data</li>
                        </ul>
                    </li>
                    <li class="t1">
                    	<span></span>
                    	WLAN
                        <span class="arrow"></span>
                        <ul>
                        	<li><span></span><ico></ico>Subscriber Data</li>
                        	<li><span></span><ico></ico>Customer Data</li>
                        	<li><span></span><ico></ico>Product Data</li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="button_group floatR">
            	<div class="button">Cancel</div>
            	<div class="button blue" onClick="window.location.href='scanning.html'">Submit</div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
        <div class="container-sys">
            <label class="copyright">
                Copyright © Huawei Technologies Co., Ltd. 1998-2015. All rights
            </label>
            <label class="function">
                <ul>
                    <li>Latest news</li>
                    <li>DOCS</li>
                    <li>Developer service</li>
                    <li>Contact us</li>
                </ul>
            </label>
        </div>
    </div>
</body>
<script src="js/jquery.js"></script>
<script>	
    $(function() {
        $(".selectDataSourceContent > ul > li").click(function(){
            $(this).toggleClass("selected");
        })
        $(".selectDataSourceContent li > span").click(function(){
            $(this).toggleClass("check");
			if($(this).parent().find("ul").length > 0){
				if($(this).hasClass("check")){
					$(this).parent().find("ul li span").addClass("check");
				}else{
					$(this).parent().find("ul li span").removeClass("check");
				}
			}else{
				if($(this).parent().parent().find("span").not(".check").length > 0){
					$(this).parent().parent().parent().children("span").removeClass("check");
				}else{
					$(this).parent().parent().parent().children("span").addClass("check");
				}
			}
			cancelBubbles();
        })
		$(".selectDataSourceContent li").click(function(){
			cancelBubbles();
		});         
		
		function cancelBubbles(){
			if (window.event) {
				// this code is for IE 
				event.cancelBubble = true; 
			}else{
				// this code is for Mozilla and Opera 
				event.stopPropagation(); 
			}
		}
    })
</script>
<script type="text/javascript" src="../js/headDrop.js"></script>
</html>